
<div id="session_caisse" class="row-fluid">
    <div class="span12">
        <div class="box gradient">
            <div class="title" style="text-align: center">
                <h4>Session de caisse</h4>
            </div>
            <div id="div_list_detail_caisse" class="content noPad clearfix">
                <div id="DataTables_Table_0_wrapper" class="dataTables_wrapper" role="grid">

                    <div class="row-fluid">
                        <div class="span12" style="padding: 30px;">
                            <div class="span12" style="margin-left: 0px;font-family: monospace;font-size: 20px;font-weight: bold;padding: 25px;">Total Ttc :<span style="font-size: 20px;font-weight: bold;" id="total_ttc"></span></div>
                            <div class="span4" style="margin-left: 0px;font-family: monospace;font-size: 20px;font-weight: bold;padding: 25px;">Total Espèce :<span style="font-size: 20px;font-weight: bold;" id="total_espece"></span></div>
                            <div class="span4" style="margin-left: 0px;font-family: monospace;font-size: 20px;font-weight: bold;padding: 25px;">Total Cheque :<span style="font-size: 20px;font-weight: bold;" id="total_cheque"></span></div>
                            <div class="span4" style="margin-left: 0px;font-family: monospace;font-size: 20px;font-weight: bold;padding: 25px;">Total Effet :<span style="font-size: 20px;font-weight: bold;" id="total_effet"></span></div>
                        </div>
                    </div>
                    <div id="liste_devis">
                        {% include 'GdsVenteBundle:SessionCaisse:page_liste_detail.html.twig' %}
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script>
    function goToPage(url) {
        $.ajax({
            url: url,
            mode:'abort',
            data: '&type=ajax',
            success: function(data) {
                $('#liste_devis').html(data)
            }
        })
    }
</script>